<div class="container"> 
	<div class="row"> 
		<div class="panel panel-info">
			<div class="panel-heading">
				<div class="panel-title">Purchase Web Hosting</div>
			</div>
			<div class="panel-body">
				<div class="row">
					<div class="col-md-12">
						<div class="well">
							<h3>Purchase Web Hosting</h3>
							<hr style="background:skyblue;height:1px;">
							<div class="row">
								<div class="col-md-12" >
									<form class="form-horizontal" role="form" id="bulkdomainpurchase" method="POST" action="<?=base_url('users/linuxhosting/'.$packagename)?>">
										<div class="form-group">
											<label for="inputEmail3" class="col-sm-3 control-label">Hosting Plans </label>
											<div class="col-sm-6">
												<select style="width:200px;float:left" class="form-control" name="Package" id="Package">
													<?php foreach($alllinuxpackage as $package){?>
													<option <?=($package['packagename']==$packagename) ? 'selected="selected"':''?> value="<?=$package['packagename']?>"><?=$package['packagename']?></option>
													<?}?>
												</select>
											</div>
										</div>
										<div class="form-group">
											<label for="inputEmail3" class="col-sm-3 control-label">Billing Cycle </label>
											<div class="col-sm-6">
												<select style="width:200px;float:left" class="form-control" name="Quantity" id="Quantity">
													
													<option value="1">Monthly service</option>
													<option value="3">3 Months</option>
													<option value="6">6 Months</option>
													<option value="12">12 Months</option>
												</select>
											</div>
										</div>
										<div class="form-group">
											<label for="inputPassword3" class="col-sm-3 control-label">Price</label>
											<div class="col-sm-6">
												<h5>$<?=$packagedetails['package_cost']?> per month</h5>
												<input type="hidden" name="price" value="<?=$packagedetails['package_cost']?>">
											</div>
										</div>
										<div class="form-group">
											<label for="inputPassword3" class="col-sm-3 control-label">Hosting Account Name</label>
											<div class="col-sm-6">
												<input type="text" name="HostID" id="HostID" class="form-control">	
												<span>6-10 alphanumeric characters; No spaces or symbols</span>
												
											</div>
										</div>
										<div class="form-group">
											<label for="inputPassword3" class="col-sm-3 control-label">Password</label>
											<div class="col-sm-6">
												<input type="password" name="HostPW" id="HostPW" class="form-control">	
												<span>Up to 14 alphanumeric characters; No spaces or symbols;<br>
												Must contain at least one lower case, one upper case and one number</span>
											
											</div>
										</div>
										<div class="form-group">
											<label for="inputPassword3" class="col-sm-3 control-label">Confirm Password</label>
											<div class="col-sm-6">
												<input type="password" name="ReHostPW" id="ReHostPW" class="form-control">	
											</div>
										</div>
										<hr style="background:skyblue;height:1px;">
										<div class="form-group">
											<div class="col-sm-12">
												<button type="submit" class="btn btn-warning" >Add To Cart</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>	
			</div>
		</div>
	</div>
</div>
<script>
    $(function(){
      // bind change event to select
      $('#Package').bind('change', function () {
          var url = $(this).val(); // get selected value
		  //alert(url);
          if (url){ // require a URL
              window.location = "<?=base_url('users/linuxhosting')?>/"+url; // redirect
          }
          return false;
      });
    });
</script>